Summary

Adds an opt-in close-on-click attribute on <ot-dropdown> that automatically dismisses the popover as soon as a role="menuitem" is clicked.

Why

Previously, clicking a menu item inside a <ot-dropdown> popover did not close the popover — it only closed on an outside click or another toggle. For in-page actions (e.g. toggling a theme, muting a channel, switching a view) that don't trigger a navigation or page refresh, the dropdown stayed open and the user had to dismiss it manually. That made the menu feel sticky and broke the expected menu UX.

With close-on-click, the popover closes immediately on item click, giving the expected "menu item activates and the menu disappears" behavior — without forcing it on use cases that do rely on the popover staying open (e.g. forms, multi-step confirmations).

Usage

<ot-dropdown close-on-click>
  <button popovertarget="my-menu" class="outline">Options</button>
  <menu popover id="my-menu">
    <button role="menuitem">Profile</button>
    <button role="menuitem">Settings</button>
    <button role="menuitem">Help</button>
  </menu>
</ot-dropdown>

The default behavior is unchanged: the attribute is opt-in, and popovers without it still stay open on item click.